{extend name="common/layout" /}
{block name="style"}
<link rel="stylesheet" href="__PUBLIC__/others/lightbox2/css/lightbox.css">
<style>
    .media .media-body .media-heading {
    }

    .media .media-body p {
        line-height: 2em;
    }
</style>
{/block}
{block name="main"}
<div class="container content-wrap">
    <div class="row">
        <main class="col-md-8 main-content">
            <ol class="breadcrumb crumb">
                <li><a href="/">首页</a></li>
                <li class="active">{$title}</li>
            </ol>

            {if $list}
            {volist name="list" id="vo"}
            <div class="media post-list">
                <div class="media-left media-middle">
                    <a href="{$vo.img}" data-lightbox="roadtrip" data-title="{$vo.subject}">
                        <img class="media-object lazy" data-original="{$vo.img}" alt="{$vo.subject}">
                    </a>
                </div>
                <div class="media-body">
                    <a href="{:url('@index/item/index', 'id='.$vo.id)}">
                        <h4 class="media-heading">{$vo.subject}</h4>
                    </a>
                    <p>{$vo.seo_desc}</p>
                </div>
            </div>
            {/volist}
            {else}
            <div class="media post-list">
                <center style="height: 100px; line-height: 100px; font-size: 2em;">未找到"{$title}"</center>
            </div>
            {/if}


            {if $page}
            <nav aria-label="">
                {$page}
            </nav>
            {/if}

        </main>
        <sidebar class="col-md-4 sidebar">

            {include file="common/rightRecommendGoodsList" /}

            <div class="widget">
                <h4 class="title">关于我</h4>
                <div class="content community">
                    <ul class="video">
                        {volist name="videoList" id="val"}
                        <li data-video="{$val['video']}">{$val['name']}</li>
                        {/volist}
                    </ul>
                </div>
            </div>

        </sidebar>
    </div>
</div>

{/block}
{block name="js"}
<script src="__PUBLIC__/others/lightbox2/js/lightbox.js"></script>
{/block}